<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"
      xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>来电-详细</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store, must-revalidate">
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <meta http-equiv="expires" content="-1">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
          name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/dist/img/icon.png" type="image/x-icon">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="/dist/plugins/bootstrap/css/bootstrap.min.css">
    <!--字体-->
    <link rel="stylesheet" href="/dist/css/font-awesome.min.css">
    <!--图标-->
    <link rel="stylesheet" href="/dist/css/ionicons.min.css">
    <!--插件样式-->
    <link href="/dist/plugins/ztree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/dist/plugins/webuploader-0.1.5/webuploader.css">
    <!--OA主样式-->
    <link rel="stylesheet" href="/dist/css/OA.min.css?t=f5a12a1d">
    <link rel="stylesheet" href="/dist/css/skins/OA-skins.min.css?t=16f1e6f3">
    <style type="text/css">
        td.td-value2 {
            padding: 1px !important;
            text-align: left !important;
        }

        .td-value2 input {
            box-shadow: inset 1px 1px 4px #333;
            height: 100% !important;
            padding-left: 4px !important;
        }

        .td-value2 select {
            box-shadow: inset 1px 1px 4px #333;
            height: 100% !important;
            padding-left: 4px !important;
        }

        .select {
            padding-left: 2px;
        }

        .IcoNormal {
            float: left;
            border-bottom: 0px;
            border-left: 0px;
            background-color: transparent;
            width: 16px;
            height: 16px;
            vertical-align: middle;
            border-top: 0px;
            border-right: 0px;
            background-image: url(/dist/img/upload_normal.gif);
            background-repeat: no-repeat;
            float: left;
        }

        td.td-title, td select, td .filename, td.td-module {
            color: #333;
        }

        td {
            position: relative;
        }

        .table .td-value span {
            line-height: 22px;
        }

        .delfile:hover {
            color: red;
        }

        .progressobj .delfile {
            float: left;
            margin-left: 10px;
        }

        .noFujian {
            /*background: url(/dist/img/fujian2.png) no-repeat 20px center;*/
            /*color: #ddd;*/
            cursor: no-drop;
            display: none;
        }

        table input {
            border: none;
            width: 100%;
        }

        td.td-value2, td span {
            color: #2a8cec;
        }

        .div-td-content-more {
            position: absolute;
            height: auto;
            z-index: 999;
            line-height: 20px;
            background-color: #d3e8fd;
            padding: 8px 6px;
            border: 1px solid #e8e8ea;
            display: none;
        }

        .div-td-content-more i {
            width: 15px;
            height: 12px;
            background: url("/dist/img/more-icon.png");
            position: absolute;
            left: 50px;
            top: -12px;
        }

        .lineOne {
            text-align: left;
        }

        .lineOne span {
            max-height: 20px;
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            text-align: left;
        }

        input[type=text], input[type=tel], input[type=number], select {
            box-sizing: border-box;
            border-width: 0px;
            border-style: none;
            padding-right: 0px !important;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            margin-left: 0px !important;
            margin-right: 0px !important;
            margin-top: 0px !important;
            margin-bottom: 0px !important;
            padding-left: 6px;
        }

        input[type=text], input[type=tel], input[type=number], select {
            height: 24px;
            width: 100%;
            border: none;
            outline: none;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .lineOne {
            text-align: left;
        }

        .lineOne span {
            max-height: 20px;
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            text-align: left;
        }

        .biTian {
            /*position: absolute;
            left: 30px;
            top: 6px;
            color: red;*/
            position: absolute;
            color: #000;
            margin-left: -15px;
            margin-top: 2px;
        }

        .webuploader-pick {
            background: url(/dist/img/fjT1.png) no-repeat 5px center;
            display: block;
            padding: 0 4px;
            height: 22px;
            line-height: 22px;
            padding-left: 15px;
            margin: 0 auto;
            width: 70px;
            margin-top: 6px;
            border-radius: 4px;
        }

        .webuploader-pick-hover {
            color: #fff !important;
            background: url(/dist/img/fjT2.png) no-repeat 5px center;
            background-color: #0F6099;

        }

        #divUploadedFiles {
            /*padding: 4px;*/
            padding-bottom: 0;
        }

        .td-value {
            text-align: left !important;
            vertical-align: middle;
            word-wrap: break-word;
            color: #2a8cec !important;
        }

        td {
            height: 47.78px;
        }

        .td-value span {
            display: inline-block;
            overflow: hidden;
            padding-left: 0.06rem;
            word-wrap: break-word;
            color: black !important;
        }

        #filePicker_csv div:nth-child(2) {
            width: 100% !important;
            height: 100% !important;
        }

        .title {
            background-color: yellow;
            color: black;
        }

        .jiaobiao3 {
            position: relative;
        }

        .jiaobiao3 i {
            display: block;
            width: 10px;
            height: 10px;
            background: url("/dist/img/newLog3.png");
            position: absolute;
            top: 0px;
            right: 0px;
        }

        .moreListData {
            position: absolute;
            top: 30px;
            z-index: 111;
            display: none;
        }

        .moreListData .item {
            width: 100%;
            height: 30px;
            line-height: 30px;
        }

        .moreListData .item span {
            margin-right: 5px;
        }

        .ui_main {
            vertical-align: top;
        }

        .table-detail textarea {
            height: 60px;
            width: 100%;
            border: none;
            outline: none;
            -webkit-appearance: none;
            resize: none;
            line-height: 20px;
            padding-top: 2px !important;
            padding-left: 6px;
        }

        .table-detail td {
            line-height: 24px;
        }

        input.addressValue {
            float: left;
            width: 275px;
            border: 1px solid #ddd;
            height: 30px;
        }
    </style>
</head>
<body>
<section class="content" id="app" v-cloak>
    <iframe id="ifAttach" style="display:none"></iframe>
    <div class="div-td-content-more"><i></i></div>
    <div id="div" style="margin-top: 12px">
        <div style="float: left;width: 100%">
            <div class="center" style="overflow: auto;margin-left: -10px;margin-top:-20px" id="scrollDiv">
                <table class="table table-detail table-bordered text-center" id="oldSample">
                    <tr class="no-print">
                        <td colspan="8" class=" no-print  title">基本信息</td>
                    </tr>
                    <tr style="height:30px;">
                        <td class="td-title">登记时间</td>
                        <td>{{main.createTime}}</td>
                        <td class="td-title">登记人姓名</td>
                        <td>{{main.createUserName}}</td>
                        <td class="td-title">来电类型</td>
                        <td>{{main.callType}}</td>
                    </tr>
                    <tr style="height:30px;">
                        <td class="td-title">来电号码</td>
                        <td>{{main.telephone}}</td>
                        <td class="td-title">来电人姓名</td>
                        <td>{{main.callName}}</td>
                        <td class="td-title">客户姓名</td>
                        <td>{{main.customerUserName}}</td>
                        <td class="td-title">客户电话</td>
                        <td>{{main.customerTel}}</td>
                    </tr>
                    <tr style="height:30px;">
                        <td class="td-title">来电人类型</td>
                        <td colspan="4">{{main.customerType}}</td>
                        <td class="td-title">所属区域</td>
                        <td colspan="2">{{main.cityName}}</td>
                    </tr>
                    <tr style="height:30px;">
                        <td class="td-title">来电内容登记</td>
                        <td colspan="7">{{main.content}}</td>
                    </tr>
                    <tr style="height:30px;">
                        <td class="td-title">解决办法</td>
                        <td colspan="7">{{main.termsWay}}</td>
                    </tr>
                    <tr style="height:30px;">
                        <td class="td-title">受理部门</td>
                        <td>{{main.acceptDepart}}</td>
                        <td class="td-title">受理责任人</td>
                        <td>{{main.acceptName}}</td>
                        <td class="td-title">手机号码</td>
                        <td>{{main.acceptTel}}</td>
                        <td class="td-title">发送短信</td>
                        <td>{{main.messageFlag=="0"?"否":"是"}}</td>
                    </tr>
                    <tr style="height:30px;">
                        <td class="td-title">电话是否解决</td>
                        <td colspan="2">{{main.phoneFlag=="0"?"否":"是"}}</td>
                        <td colspan="5"></td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</section>
<!--插件JS-->
<!--框架已定义 JS-->
<!--oa自定义  JS-->


<script src="https://file.ggxqce.com/web/jquery-2.2.3.min.js"></script>
<script>window.jQuery || document.write('<script src="/dist/plugins/jQuery/jquery-2.2.3.min.js"><\/script>', '<script src="/dist/plugins/bootstrap/js/bootstrap.min.js"><\/script>', '<script src="/dist/plugins/vue/vue.min.js"><\/script>')</script>
<script src="https://file.ggxqce.com/web/bootstrap.min.js"></script>
<script src="https://file.ggxqce.com/web/vue.min.js"></script>
<script src="/dist/js/oa.js?t=63aed32f"></script>
<script src="/dist/js/app_iframe.js?t=7e54a132"></script>
<script type="text/javascript" src="/dist/plugins/My97DatePicker/WdatePicker.js"></script>
<!--ztree组件所需js-->
<script type="text/javascript" src="/dist/plugins/ztree/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="/dist/plugins/ztree/js/jquery.ztree.exhide-3.5.js"></script>
<script src="/dist/plugins/webuploader-0.1.5/webuploader.min.js"></script>
<script type="text/javascript" src="/dist/js/pages/apply/money/class.js"></script>
<script type="text/javascript" src="/dist/js/pages/system/systemService.js"></script>
<script type="text/javascript" src="/dist/js/pages/common/commonService.js"></script>
<script type="text/javascript" src="/dist/js/pages/common/changeMoneyToChinese.js"></script>
<script type="text/javascript" src="/dist/plugins/print/print.js"></script>
<script type="text/javascript" src="/dist/plugins/lhgdialog/lhgdialog.min.js?self=true"></script>
<script src="/dist/js/pages/wreport/Template.js?t=42e28def"></script>

<script type="text/javascript">
    //var api = frameElement.api, W = api.opener;
    function refresh() {
        location.reload();
    }

    Vue.directive('onedate', {
        // 当被绑定的元素插入到 DOM 中时……
        update: function (el, binding) {
            // 聚焦元素
            if (app.pageType != 'add') {
                if (el.value == "NaN.undefined" || el.value == "") {
                    el.value = binding.value
                }
            }
        },
        componentUpdated: function (el, binding) {
            // 聚焦元素


        }
    })
    var app = new Vue({
        el: "#app",
        data: {
            pageType: $.wyui.page.urlParams.pageType,
            id: $.wyui.page.urlParams.id,
            main: ''

        },
        methods: {},
        mounted: function () {
            var that = this;
            if (that.pageType == "look") {
                $.wyui.postMethod('/serveMain/getServeMainById.json', {mainId: that.id}, function (r) {
                    that.main = r;
                    console.log(r)
                });
            }
        }
    });
</script>
</body>
</html>